<template>
	<div>
		<router-view></router-view>
		<div class="nav">
			<div class="navItem">
				<i class="el-icon-chat-line-round"></i>
				对话
			</div>
			<div class="navItem">
				<i class="el-icon-timer"></i>
				历史</div>
			<div class="navItem">
				<i class="el-icon-setting"></i>
				设置</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.nav{
		width: 100%;
		height: 50px;
		border-top: 1px solid rgb(241 241 241);
		display: flex;
	    position: fixed;
		bottom: 0;
		font-size: 12px;
		color: rgb(161 161 161);
	}
	.nav .navItem{
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.nav .navItem i{
		font-size: 18px;
	}
	.nav .navItem:hover{
		color: rgb(28 124 253);
	}
</style>